<template>
  <div class="listheader">
    <el-row class="row-bg" justify="space-between">
      <orderXiala> </orderXiala>
      <el-col :span="6" class="left"> </el-col>

      <el-col :span="6" class="right"
        ><div class="grid-content bg-purple">
          <orderSearch></orderSearch></div
      ></el-col>
    </el-row>
  </div>
</template>

<script>
import { ElRow, ElCol } from "element-plus";
// import {ArrowDown} from "@element-plus/icons-vue";
import orderXiala from "./orderXiala";
import orderSearch from "./orderSearch.vue";

export default {
  components: {
    ElRow,
    ElCol,
    orderXiala,
    orderSearch,
  },
};
</script>

<style lang="less" scoped>
.listheader {
  width: 100%;
  margin-top: 25px;
}

.el-col {
  padding: 0 20px;
}
.left {
  display: flex;
  justify-content: start;
}
.right {
  display: flex;
  justify-content: end;
}
</style>
